@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1096px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:2;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_choose{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			border:1px solid #d62d31;
			margin:{
				left:r(69px);
				top:r(14px);
			}
			border-radius:5px;
			font-size:16px;
			line-height:r(60px);
			.choose_left{
				width:r(198px);
				height:100%;
				float:left;
				a{
					
					color:#d62d31;
					line-height:r(40px);
				}
				
			}
			.choose_right{
				width:r(198px);
				height:100%;
				float:right;
				background-color:#d62d31;
				a{
					color:#fff;
					line-height:r(40px);
				}
				
			}
		}
	}
	.content{
		width:100%;
		background:#fff;
		font-size:0;
		margin-top:r(87px);
		.item{
			width:100%;
			height:r(130px);
			border-bottom:1px solid #e3e3e3;
			display:flex;
			.item_left{
				position:relative;
				height:r(90px);
				width:r(90px);
				top:r(20px);
				margin-left:r(20px);
				margin-right:r(20px);
				img{
					border-radius:50%;
					border:1px solid #e3e3e3;
					width:100%;
					height:100%;
				}
			}
			.item_right{
				.name{
					font-size:r(26px);
					color:#333333;
					overflow:hidden;
					margin:{
						top:r(29px);
						bottom:r(10px);
					}
				}
				.xiaoxi{
					color:#666666;
					font-size:r(24px);
					width:r(345px);
					overflow:hidden;
					white-space: nowrap;
					font-weight: normal;
					text-overflow:ellipsis;
				}
			}
			.time{
				color:#666666;
				font-size:r(26px);
				margin:{
					top:r(30px);
					left:r(20px);
				}
			}
		}
	}
}